<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
 	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>工商注册</title>
	<!-- 引入样式文件 -->
	<link rel="stylesheet" href="./plugins/vant/index.css">

	<!-- 引入 Vue 和 Vant 的 JS 文件 -->
	<script src="./plugins/vue/vue.js"></script>
	<script src="./plugins/vant/vant.min.js"></script>


</head>
<body>
<div id="app">
	<van-collapse v-model="activeNames">
	  <van-collapse-item title="1. 基础信息(公司名称优先度从高到低排列)" name="1">
		  <van-field v-for="(name,index) in companynames" :label="'公司名称'+(index+1)+':'" :placeholder="'请输入您需核名的公司名称'+(index+1)" maxlength="50" />
	  </van-collapse-item>
	  <van-collapse-item title="经营范围与注册资金（以工商核准为准）" name="2">
		  <van-field v-for="(name,index) in companynames" :label="'公司名称'+(index+1)+':'" :placeholder="'请输入您需核名的公司名称'+(index+1)" maxlength="50" />
	  </van-collapse-item>
	  <van-collapse-item title="标题3" name="3">
		  <van-field label="注册资金(万元):" placeholder="请输入您公司的注册资金" maxlength="10"/>
	  </van-collapse-item>
	</van-collapse>
</div>
<script>
// 在 #app 标签下渲染一个按钮组件
new Vue({
  el: '#app',
  data() {
	  return {
		companynames:["","","","","","","","","",""],
		activeNames: ['1','2','3']
	  };
	}
});

</script>
	
</body>
</html>



